<!doctype html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

	<div id="topbar-dropmenu">
		<div class="topbar-menu row">
			<div class="col-xs-4 col-sm-2">
				<a href="javascript:;" class="metro-tile"> <span class="metro-icon glyphicon glyphicon-inbox"></span>
					<p class="metro-title">Messages</p>
				</a>
			</div>
			<div class="col-xs-4 col-sm-2">
				<a href="javascript:;" class="metro-tile"> <span class="metro-icon glyphicon glyphicon-user"></span>
					<p class="metro-title">Users</p>
				</a>
			</div>
			<div class="col-xs-4 col-sm-2">
				<a href="javascript:;" class="metro-tile"> <span class="metro-icon glyphicon glyphicon-headphones"></span>
					<p class="metro-title">Support</p>
				</a>
			</div>
			<div class="col-xs-4 col-sm-2">
				<a href="javascript:;" class="metro-tile"> <span class="metro-icon fa fa-gears"></span>
					<p class="metro-title">Settings</p>
				</a>
			</div>
			<div class="col-xs-4 col-sm-2">
				<a href="javascript:;" class="metro-tile"> <span class="metro-icon glyphicon glyphicon-facetime-video"></span>
					<p class="metro-title">Videos</p>
				</a>
			</div>
			<div class="col-xs-4 col-sm-2">
				<a href="javascript:;" class="metro-tile"> <span class="metro-icon glyphicon glyphicon-picture"></span>
					<p class="metro-title">Pictures</p>
				</a>
			</div>
		</div>
	</div>

	<header id="topbar" class="affix">
		<div class="topbar-left">
			<ol class="breadcrumb">
				<li class="crumb-active"><a href="dashboard.html">工作台</a></li>
				<li class="crumb-icon"><a href="dashboard.html"> <span class="glyphicon glyphicon-home"></span>
				</a></li>
				<li class="crumb-link"><a href="http://admindesigns.com/demos/admin/theme/index.html">首页</a></li>
				<li class="crumb-trail">工作台</li>
			</ol>
		</div>
		<div class="topbar-right">
			<div class="ib topbar-dropdown">
				<label for="topbar-multiple" class="control-label pr10 fs11 text-muted">报表时期</label> <select
					id="topbar-multiple" class="hidden">
					<optgroup label="Filter By:">
						<option value="1-1">最近30天</option>
						<option value="1-2" selected="selected">最近60天</option>
						<option value="1-3">最近一年内</option>
					</optgroup>
				</select>
			</div>
			<div class="ml15 ib va-m" id="toggle_sidemenu_r">
				<a href="javascript:;" class="pl5"> <i class="fa fa-sign-in fs22 text-primary"></i> <span
					class="badge badge-hero badge-danger">3</span>
				</a>
			</div>
		</div>
	</header>
</body>
</html>